import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import 'rxjs/Rx';
import { Http,Headers} from '@angular/http';
@Component({
  selector: 'app-product-by-node-data',
  templateUrl: './product-by-node-data.component.html',
  styleUrls: ['./product-by-node-data.component.css']
})
export class ProductByNodeDataComponent implements OnInit {
  //数据源，是一个可观测的流
  dataSource:Observable<any>;

  //页面显示数据,使用自定义订阅的方式处理
  // products:Array<any>;

  //使用管道的方式处理
  products:Observable<any>;
  constructor(private http:Http) {
    
    //请求头信息配置
    let _objHeaders = new Headers();
    _objHeaders.append('AuthRizetion','happykala'); 

    //发起http请求通过服务端获取到对应的数据,get方法返回的是一个可观测的流数据
    // this.dataSource =  this.http.get('/api/products')
    //     .map((res) => res.json());

    this.products = this.http.get('/api/products',{headers:_objHeaders}).map((res) => res.json());
  }

  ngOnInit() {
    //订阅获取的流对象，自定义方式处理
    // this.dataSource.subscribe((data) => {
    //   this.products = data;
    //   console.log(this.products);
    // })
    
  }

}
